<template lang="">
<div id="sponsor">
	<div class="home_box fix" :style="'background-image: url('+ getAssetsImages('home/home_sponsor_bg.png') +')'">
		<div class="home_box_inner fix">
			<div class="home_box_top fix">
				<span class="primary_bg"></span>
				<img v-lazy="getAssetsImages('home/title_sponsor.png')" height="34">
				<p >{{ $t('xieS-0') }}</p>
			</div>
			<div class="sponsor" style="margin-top: 0px; opacity: 1;">
				<div class="sponsor_logo">
					<img v-lazy="getAssetsImages('home/sponsor-logo.png')" width="134">
				</div>
				<div class="sponsor_words">
					<h4 >{{ $t('ding') }}</h4>
					<p >{{ $t('moNa') }}</p>
					<p >{{ $t('shiY-0') }}</p>
				</div>
			</div>
			<div class="sponsor_right">
				<div class="sponsor_title">
					<img v-lazy="getAssetsImages('home/champion.png')" width="416">
					<h5 >{{ $t('juLe') }}</h5>
				</div>
				<div class="sponsor_bei">
					<ul class="top fix">
						<li style="margin-top: 0px; opacity: 1;">
							<img v-lazy="getAssetsImages('honor1.png')" width="90">
							<h5 >8</h5>
							<p >{{ $t('jiaJ') }}</p>
						</li>
						<li style="margin-top: 0px; opacity: 1;">
							<img v-lazy="getAssetsImages('honor1.png')" width="90">
							<h5 >5</h5>
							<p >{{ $t('jiaJ-0') }}</p>
						</li>
						<li style="margin-top: 0px; opacity: 1;">
							<img v-lazy="getAssetsImages('honor2.png')" width="90">
							<h5 >1</h5>
							<p >{{ $t('yiJi-0') }}</p>
						</li>
						<li style="margin-top: 0px; opacity: 1;">
							<img v-lazy="getAssetsImages('honor3.png')" width="90">
							<h5 >5</h5>
							<p >{{ $t('faGu') }}</p>
						</li>
					</ul>
					<ul class="bot fix">
						<li style="margin-top: 0px; opacity: 1;">
							<img v-lazy="getAssetsImages('honor3.png')" width="98">
							<h5 >4</h5>
							<p >{{ $t('faGu-0') }}</p>
						</li>
						<li style="margin-top: 0px; opacity: 1;">
							<img v-lazy="getAssetsImages('honor4.png')" width="98">
							<h5 >1</h5>
							<p >{{ $t('lian-2') }}</p>
						</li>
						<li style="margin-top: 0px; opacity: 1;">
							<img v-lazy="getAssetsImages('honor4.png')" width="98">
							<h5 >2</h5>
							<p >{{ $t('lian-3') }}</p>
						</li>
						<li style="margin-top: 0px; opacity: 1;">
							<img v-lazy="getAssetsImages('honor5.png')" width="98">
							<h5 >1</h5>
							<p >{{ $t('ouGu') }}</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
</template>
<script setup lang="ts">
import { getAssetsImages } from '@/utils';

</script>
<style lang="">
  
</style>